.login {
  .login-header {
    width: 150rpx;
    height: 150rpx;
    margin: auto;
    border-radius: 50%;
    margin-top: 150rpx;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    .logo {
      width: 100%;
      height: 100%;
    }
  }
  .login-main {
    box-sizing: border-box;
    padding: 0 30rpx;
    margin-top: 50rpx;
    .account-input {
      height: 60rpx;
      padding: 20rpx 40rpx;
      border-radius: 50rpx;
      box-shadow: 0 0 30rpx #eaeaea;
    }
    .password-input {
      height: 60rpx;
      padding: 20rpx 40rpx;
      border-radius: 50rpx;
      box-shadow: 0 0 30rpx #eaeaea;
      margin-top: 50rpx;
    }
    .login-button {
      height: 100rpx;
      line-height: 100rpx;
      border-radius: 50rpx;
      box-shadow: 0 0 30rpx #eaeaea;
      margin-top: 100rpx;
      background: #4a4a4a;
      color: #fff;
      border: none;
    }
  }
  .login-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50rpx;
    color: #666;
    text {
      margin: 0 20rpx;
    }
  }
}
